

import React, { Component } from "react";
import type { ReactNode } from 'react'


interface iState {
    msg: string
}
export default class App extends Component {

    state: iState = {
        msg: '<h1 style="color: red">你好中国</h1>'
    }

    render() {

        return <>
            <div>
                <h1 id="h1">父组件</h1>
                {/* 直接显示的时候会显示内容，而不解析标签 */}
                {this.state.msg}

                {/* 如果数据返回的是标签，那么我们需要使用 dangerouslySetInnerHTML 来解析标签内容 */}
                <div dangerouslySetInnerHTML={{ __html: this.state.msg }}></div>

                {/* 空标签 */}
                <></>
                {/* 空标签 */}
                <React.Fragment></React.Fragment>

            </div>
        </>
    }

}